@import "[default].parameters.css";
@import "[default].typography.css";

/* Filter severity */
.btn-toolbar {
    background-color: var(--color-background-subtle);
    border-radius: var(--display-insets-2xs);
    padding: var(--display-insets-xs) var(--display-insets-md);
    width: fit-content;
}

    .btn-toolbar .btn-group {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .btn-toolbar p {
        font-weight: var(--font-weight-bold);
        margin: 0;
    }

    .btn-toolbar a,
    .btn-toolbar a.active::after {
        font-size: var(--text-body-small);
        line-height: var(--font-line-height-small);
        color: var(--color-text-muted) !important;
        background-color: transparent;
        text-decoration: none !important;
        border: none;
        padding: var(--display-insets-2xs) var(--display-insets-xs);
    }

        .btn-toolbar a.active,
        .btn-toolbar a:hover, .btn-toolbar a.hover
        .btn-toolbar a:focus, .btn-toolbar a.focus {
            color: var(--color-text-base) !important;
            background-color: var(--color-background-default);
            text-decoration: none !important;
            border-radius: var(--display-insets-2xs);
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
            padding: var(--display-insets-2xs) var(--display-insets-xs);
        }

            .btn-toolbar a.active:hover, .btn-toolbar a.active.hover,
            .btn-toolbar a.active:focus, .btn-toolbar a.active.focus {
                background-color: var(--color-background-button-light-hover);
            }



/* Cards */
.service-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--display-stacks-sm);
    background-color: var(--color-background-subtle);
    border-radius: var(--display-insets-xs);
    padding: var(--display-insets-xl) var(--display-insets-xl);
    height: 100%;
}

    .service-card h2, .service-card h3 {
        text-decoration-color: var(--color-text-base);
        text-underline-offset: var(--text-underline-offset-default);
        text-underline-position: from-font;
        margin: 0;
    }

    .service-card p {
        margin: 0;
    }

/* Accordion */
#accordionServices .accordion-item {
    border: none;
}

#accordionServices .accordion-body,
#accordionServices .accordion-button {
    border: none;
    text-decoration: none;
    padding: var(--button-large-padding-y) var(--button-large-padding-x);
}

    #accordionServices .accordion-button::after {
        background-image: none !important;
        content: "\2b"; /* fa-regular fa-plus */
        font-family: var(--font-family-font-awesome);
        font-size: var(--size-32px);
        font-weight: var(--font-weight-light);
        color: var(--color-text-base);
    }

    #accordionServices .accordion-button:not(.collapsed)::after {
        content: "\f068"; /* fa-regular fa-minus */
    }

/*#accordionServices .accordion-button:hover, #accordionServices .accordion-button.hover,
    #accordionServices .accordion-button:focus, #accordionServices .accordion-button.focus {
        background-color: var(--color-background-subtle);
        border: none;
        color: var(--color-text-brand);
    }*/

#accordionServices .accordion-separator {
    height: 0.063rem; /*1px*/
    background-color: var(--color-border-darken);
    margin: 0;
}


/* Other important content ("Non ci fermiamo qui") */
.other-content {
    background-color: var(--color-background-surface-a);
    padding: var(--display-insets-2xl) 0;
}

@media screen and (min-width: 992px) {
    .other-content {
        padding: var(--display-insets-xl) 0;
    }
}